<!DOCTYPE HTML>
<html>
<head>
<title><?php echo $this->getTitle(); ?></title>
<?php echo $this->getJavascript(); ?>
<?php echo $this->getCss(); ?>
</head>
<body>
<div id="wrapper">
	<?php TemplateHelper::template('header'); ?>
	
	<div>
		<a class="page-name-link" href="index.php?c=employee&m=home">HOME</a>  <span class="page-name-active">&gt; RESTOCK</span>
	</div>
	
	<div>
		<div class="employee-left-col">
			<fieldset id="fieldset-transaction">
			  	<legend>PRODUCT LIST</legend>
				<div id="accordion">
					<?php foreach ($this->display['categories'] as $category): ?>					
							<h3><?php echo $category->getCategoryName(); ?></h3>
							<div class="product-categories-products">
								<?php foreach($category->getProducts() as $product): ?>		
									<?php 
										$id = $category->getCategoryName() . '_' . $product->getProductName();
										
										$id = str_replace(' ', '_', $id);
										
										$id = str_replace('/', '_', $id);
									?>								
									<div class="product-box">
										<div class="product-image">
											<a href="<?php echo '#'.$id; ?>" class="product-box-get-info">
												<input type="hidden" id="product_id" value="<?php echo $product->getProductId(); ?>" />
												<img onmouseover="showName('<?php echo $product->getProductId(); ?>')" src="<?php echo $product->getImgDirectory(); ?>" title="<?php echo $product->getProductName(); ?>"/>
											</a>	
										</div>
										
										<a href="<?php echo '#'.$id; ?>" class="product-box-get-info">
											<input type="hidden" id="product_id" value="<?php echo $product->getProductId(); ?>" />
											<div id="prodName_<?php echo $product->getProductId(); ?>" class="product-image-name" style="display: none;">
												<?php echo $product->getProductName(); ?>
											</div>
										</a>
									</div>											
								<?php endforeach; ?>		
								<div class="clear-both"></div>
							</div>
					<?php endforeach; ?>
				</div>
			</fieldset>
		</div>
		<div id="orderSumarryBox" class="employee-right-col">
			<div class="CC">
				<fieldset id="fieldset-transaction">
				  	<legend>Product Info</legend>
				  	<div class="product-stock-info">
				  		<div class="product-stock-info-top">
				  			<div class="product-stock-info-top-left float-left">
				  				<div class="product-stock-info-image">
				  					<img id="product_info_image" src="" alt="product image" />
				  				</div>
				  			</div>
				  			<div id="product_stock_details" class="product-stock-info-top-right float-left">
				  				<input type="hidden" id="product_info_id" value="0" />
				  				<div class="label">Product Name:</div>
				  				<div id="product_info_name" class="value">XXXXXXXXXXXX</div>
				  				<div class="label">Current Stock:</div>
				  				<div id="product_info_current_stock">000</div>
				  			</div>
				  			<div class="clear-both"></div>
				  		</div>
				  		<div class="product-stock-info-bottom">
				  			<div class="product-stock-info-bottom-left float-left">
				  				<input type="text" value="00" id="product_stock" maxlength="2" />
				  			</div>
				  			<div class="product-stock-info-bottom-right float-left">
				  				<div class="buttons">
				  					<input type="button" value="-" class="minus-product button-jquery-ui" />
									<input type="button" value="+" class="add-product button-jquery-ui" />				  					
				  				</div>
				  				<div class="button">
				  					<input type="button" id="update_product" value="SAVE" class="button-jquery-ui" />
				  				</div>
				  			</div>
				  			<div class="clear-both"></div>
				  		</div>
				  	</div>
				</fieldset>
			</div>
		</div>
		<div class="clear-both"></div>
	</div>
</div>
<div id="footer">&copy; 2013 Baliwag Lechon Manok.</div>

<?php TemplateHelper::template('loading'); ?>
<?php TemplateHelper::template('confirmation'); ?>
</body>
</html>